<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>学生通行码</title>
  <div>




  </div>



</head>

<body>

<script type="text/javascript">
  //javascript实现页面无刷新让时间走动
  function showTime()
  {
    const date = new Date();  //获取时间对象
    const month = date.getMonth() + 1;//获取月份。获取的月份比真实的月份少一个月。所以这里得+1
    const day = date.getDate();  //获取日
    const hours = date.getHours(); //获取时（24小时制）
    const minutes = date.getMinutes();  //获取分
    const seconds = date.getSeconds();  //获取秒
    let asnseconds = ":";
    let asnminutes = ":";
    let asnhours = "";
    if(seconds<10)
      asnseconds += "0";
    if(hours<10)
      asnhours += "0";
    if(minutes<10)
      asnminutes += "0";
    //console.log()
      document.getElementById("timeMsg").innerHTML =
              month + "月" + day + "日 "+ asnhours + hours + asnminutes + minutes + asnseconds + seconds;
  }
  setInterval("showTime()", 1000);  //设置每隔1秒调用一下上面的方法
</script>

<script type="text/javascript">
  //javascript实现页面无刷新让时间走动
  function LastTime()
  {
    const date = new Date();  //获取时间对象
    const month = date.getMonth() + 1;//获取月份。获取的月份比真实的月份少一个月。所以这里得+1
    const day = date.getDate();  //获取日
    let ansmonths = "";
    let ansdays = "-";
    if(month < 10)
      ansmonths += "0";
    if(day < 10)
      ansdays += "0";
    document.getElementById("lastTime").innerHTML =
            ansmonths + month + ansdays + day + " 01:13";
  }
  setInterval("LastTime()", 1000);  //设置每隔1秒调用一下上面的方法
</script>

<img src="background.jpg" alt="ok">


<span style="font-family: 'DIN Next LT Pro'">
  <div style="font-size: 39px;position:absolute;left:120px;top:258px;color:white">
      学工号：2021331200099
      <br>
      学院/班级：建筑工程学院
      <br>
      通行时间：<u>2022-09-01至2023-01-06</u>
  </div>
</span>

<span style="font-family: 宋体">

  <div style="font-size: 48px;position:absolute;left:120px;top:170px;color:white">
    <strong>
      李达
    </strong>
  </div>

  <div style="font-size: 30px;position:absolute;left:265px;top:190px;color:white">
    <strong>
      学生
    </strong>
  </div>




  <div style="font-size: 43px;position:absolute;left:607px;top:1150px;color:green">
    <strong>
      <u>
      <a href="GreenCode.html" style="color: green" target="_blank">
        绿码
      </a>
      </u>
    </strong>
  </div>
  <div style="font-size: 32px;position:absolute;left:410px;top:1162px;color:gray">
    <strong>
      杭州健康码为
    </strong>
  </div>
  <div style="font-size: 32px;position:absolute;left:390px;top:1213px;color:red">
    <strong>
      未获取到疫苗接种信息
    </strong>
  </div>
  <div style="font-size: 38px;position:absolute;left:388px;top:1305px;color:gray">
    <strong>
      恭喜您，一切正常~
    </strong>
  </div>



</span>




<span style="font-family: 'DIN Next LT Pro'; ">
  <strong>
    <div id="timeMsg" style="font-size: 80px;position:absolute;left:255px;top:455px">
    </div>
  </strong>
  <div id="lastTime" style="font-size: 45px;position:absolute;left:116px;top:1443px;color:white">

  </div>
</span>

</body>
</html>